<!DOCTYPE html>
<html>
<head>
	<title></title>
	<script type="text/javascript" src="scripts/jquery-1.8.3.min.js"></script>
	<script type="text/javascript" src="scripts/zDrag.js"></script>
	<script type="text/javascript" src="scripts/zDialog.js"></script>
	<style type="text/css">
		* {
			margin: 0;
			padding: 0;
		}
	</style>
</head>
<body>
1<br/>
2<br/>
3<br/>
4<br/>
5<br/>
6<br/>
7<br/>
8<br/>
9<br/>
10<br/>
11<br/>
12<br/>
13<br/>
14<br/>
15<br/>
16<br/>
17<br/>
18<br/>
19<br/>
20<br/>
21<br/>
22<br/>
23<br/>
24<br/>
25<br/>
26<br/>
27<br/>
28<br/>
29<br/>
30<br/>
31<br/>
32<br/>
33<br/>
34<br/>
35<br/>
36<br/>
37<br/>
38<br/>
39<br/>
40<br/>
41<br/>
42<br/>
43<br/>
44<br/>
45<br/>
46<br/>
47<br/>
48<br/>
49<br/>
50<br/>
<script type="text/javascript">
	var diag = new Dialog();
	diag.ID = "manualAddDialog";
	diag.Width = 300;//窗口宽度（dialog内容区宽度），值为数值型，默认值为窗口可见宽的40%。
	diag.Height = 100;//窗口高度（dialog内容区高度），值为数值型，默认值为窗口可见宽的20%。
	diag.Left = "50%";//窗口距浏览器左边距离，值为数值型或字符串型（当使用百分比时为字符串型），如Left:"0%",Top:"0%"为左上，Left:"50%",Top:"50%"为居中，Left:"100%",Top:"100%"为右下。
	diag.Top = "50%";//窗口距浏览器顶端距离，值为数值型或字符串型（百分比）。
	diag.Drag = true;//是否允许拖动窗口，值为布尔型(true|false)，默认值为true，注意需要页面引用了Drag.js。
	diag.Title = "内容页为html代码的窗口";//窗口标题。如不写此项默认值为""。
	diag.InnerHtml = '<div style="text-align:center;color:red;font-size:14px;">直接输出html，使用 <b>InnerHtml</b> 属性。</div>';
	diag.OKEvent = function () {
		diag.close();
	};//点击确定后调用的方法
	diag.CancelEvent = function () {
		diag.close();
	};//点击取消按钮或点击关闭按钮后执行的函数，默认为关闭本Dialog。
	diag.AutoClose = false;//是否自行关闭，值为数值型，默认值为false。
	diag.OnLoad = null;//窗口内容载入完成后执行的程序，值为函数型。
	diag.show();
</script>
</body>
</html>